@import '~@/scss/CustomModal';

.modal-software {
  .button-options {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 40px;

    li {
      align-items: center;
      color: $text--link-color;
      cursor: pointer;
      display: flex;
      padding: 30px 0 30px 30px;
      text-align: left;

      span {
        line-height: 16px;
      }

      &:hover {
        box-shadow: 0 3px 15px $box-shadow-color-1;
        color: $text-black;
        font-weight: 500;

        .icon {
          display: none;
        }

        .icon-hover {
          display: block;
        }
      }

      .icon,
      .icon-hover {
        margin-right: 8px;
        width: 50px;
      }

      .icon-hover {
        display: none;
      }

    }
  }
}
